<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>引用区块 - 默认风格</legend>
</fieldset>

<blockquote class="layui-elem-quote">这个貌似不用多介绍，因为你已经在太多的地方都看到</blockquote>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>引用区块 - 一般风格</legend>
</fieldset>

<blockquote class="layui-elem-quote layui-quote-nm">
  猿强，则国强。国强，则猿更强！
  <br>——孟子的崇拜者
</blockquote>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>字段集区块</legend>
</fieldset>

<fieldset class="layui-elem-field">
  <legend>爱好</legend>
  <div class="layui-field-box">
    你可以在这里放任何内容，比如表单神马的
  </div>
</fieldset>
<br>
<fieldset class="layui-elem-field layui-field-title">
  <legend>带标题的横线</legend>
</fieldset>

内容区域

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>分割线</legend>
</fieldset>

默认分割线
<hr>

赤色分割线
<hr class="layui-border-red">

橙色分割线
<hr class="layui-border-orange">

墨绿分割线
<hr class="layui-border-green">

青色分割线
<hr class="layui-border-cyan">

蓝色分割线
<hr class="layui-border-blue">

黑色分割线
<hr class="layui-border-black">


<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>纯圆角</legend>
</fieldset>

<div class="layui-inline">
  <img src="//oss.layuion.com/avatar/168.jpg?t=1490352249902" class="layui-circle">
</div>